import { Carousel } from 'antd';
import '../index.less';
import { homePeoples } from '@/utils';
import { FadeIn } from '@/components/Animation';
export default function Peoples() {
  return (
    <div className="hmPeoplesMod mainWidth">
      <div className="swiperwrap">
        <FadeIn>
          <Carousel arrows infinite={true}>
            {homePeoples.map((item: any, i: number) => (
              <div className="hpsItem" key={i}>
                <div className="tinner flex">
                  <div className="swtop ">
                    {/* <img src={item.botImg} alt="" /> */}
                    <img src={item.logo} alt="" style={{ height: '100%' }} />
                  </div>
                  <div className="txts">{item.txt}</div>
                  <div className="sbot flex">
                    <div className="imgw center">
                      <img src={item.botImg} alt="" />
                    </div>
                    <div className="txt">{item.botTxt}</div>
                  </div>
                </div>
              </div>
            ))}
          </Carousel>
        </FadeIn>
      </div>
    </div>
  );
}
